<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>04_图片插入</title>
</head>
<body>
<!--右键选中.HTML文件"open in" "Explorer"-->
<!--相对路径:从当前html文件出发,去找目标
1)目标与当前html文件在同一个目录下:直接输入文件名
2)目标与当前html文件不在兄弟/子目录下:先写目录名,再加一个斜杠,再加文件名
3)目标在当前html文件上层:先写../回到上级,在继续写文件名或目录名-->
<img src="1.jpg" alt="" width="200">
<img src="img/2.jpg" alt="" width="200">
<img src="../3.jpg" alt="" width="195">
<!--alt:表示文件无法显示时的内容-->
<img src="../../4.jpg" alt="哎呀,图片不见了">
<!--直接在 img 标签中添加 width 和 height 属性来设置图片的宽度和高度,
如果两个都写可能比例会与来不同造成失真
只填写其中一个另一个会按比例来跟着该-->
<img src="img/dl.jpg" alt="" width="200" title="这是大蓝">
<!--绝对路径:从根目录直接开始找资源,不需要当前文件的位置 -->
<img src="https://cdn.tmooc.cn/bsfile//courseImg///34aea37d0503471eafb0cc776f3713d1.png" alt="">


</body>
</html>